.access {
	height: 100%;
	background-color: #f0f2f5;
	.access-item {
		position: relative;
		height: 350px;
		padding: 20px;

		// width: calc(50% - 55px);
		margin-top: 30px;
		&:nth-child(2n) {
			margin-left: 30px;
		}
		&:nth-child(1),
		&:nth-child(2) {
			margin-top: 0;
		}
		.card {
			padding: 0;
			padding-top: 20px;
			box-shadow: none;
		}
		.page-title {
			position: relative;
			padding-left: 10px;
			font-weight: 700;
			&::before {
				position: absolute;
				top: 5px;
				left: 0;
				width: 3px;
				height: 12px;
				content: " ";
				background: #2e68ea;
			}
		}
	}
	.access-item1 {
		position: relative;
		display: flex;
		flex-direction: column;

		// height: calc(100% - 460px);
		// min-height: 300px;
		height: 335px;
		padding: 20px;

		// width: calc(50% - 55px);
		margin-top: 30px;

		// &:nth-child(2n) {
		// 	margin-left: 30px;
		// }
		&:nth-child(1),
		&:nth-child(2) {
			margin-top: 0;
		}
		.card {
			padding: 0;
			padding-top: 20px;
		}
		.page-title {
			position: relative;
			padding-left: 10px;
			font-weight: 700;
			&::before {
				position: absolute;
				top: 5px;
				left: 0;
				width: 3px;
				height: 12px;
				content: " ";
				background: #2e68ea;
			}
		}
	}
	.iconImage {
		width: 56px;
		height: 56px;
	}
	.chartTitle {
		position: absolute;
		top: 60px;
		padding-left: 15px;
		&::before {
			position: absolute;
			top: 4px;
			left: 0;
			width: 10px;
			height: 10px;
			content: " ";
			background: #82e28d;
			border-radius: 50%;
		}
	}
	.bckColor {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		.left {
			width: 86px;
			height: 130px;
			background: linear-gradient(180deg, rgb(94 124 224 / 20%) 0%, rgb(94 124 224 / 0%) 100%);
		}
		.right {
			width: 43px;
			height: 130px;
			background: linear-gradient(180deg, rgb(94 124 224 / 10%) 0%, rgb(94 124 224 / 0%) 100%);
		}
	}
}
